<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>轮播图设置</title>
    <link rel="stylesheet" href="../../Public/css/mui.min.css">
    <link rel="stylesheet" href="../../Public/css/global.css">
    <link rel="stylesheet" href="../../Public/fonts/iconfont.css">
    <link rel="stylesheet" href="../../Public/libs/layer/need/layer.css">
    <link rel="stylesheet" href="../css/classroom_addbanner.css">
</head>
<body>
    <div class="mui-bar mui-bar-tab" id="done">
        确定
    </div>
    <div class="mui-content">
        <div class="up-seriesimg">
            <div class="up-series">
                <div style="text-align:center">
                    <span class="ic-wrap"><i class="iconfont icon-tupian"></i>上传轮播图</span>
                    <div class="up-size">（800*500）</div>
                </div>
            </div>
        </div>
        <p class="title">标题</p>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <input type="text" placeholder="标题仅做标识不显示，可不填">
            </li>
        </ul>
        <p class="title">跳转类型</p>
        <ul class="mui-table-view mui-table-view-radio first-table">
            <li class="mui-table-view-cell mui-media mui-input-row mui-radio mui-left mui-selected">
                <label class="mui-media-body">
                    课程或系列课
                        <p class="choosecourse mui-ellipsis open-course">
                            选择课程或系列课
                            <i class="iconfont icon-qianwang"></i>
                        </p>
                </label>
                <span class="radio-icon"><i class="iconfont icon-xuanzhong"></i></span>
            </li>
            <li class="mui-table-view-cell mui-media mui-input-row mui-radio mui-left">
                <label class="mui-media-body">
                    链接
                    <p class="chooseurl mui-ellipsis">
                        <input type="text">
                    </p>
                </label>
                <span class="radio-icon"><i class="iconfont icon-xuanzhong"></i></span>
            </li>
            <li class="mui-table-view-cell mui-media mui-input-row mui-radio mui-left">
                <label class="mui-media-body">
                    不跳转
                </label>
                <span class="radio-icon"><i class="iconfont icon-xuanzhong"></i></span>
            </li>
        </ul>
    </div>
</body>
<script src="../../Public/libs/mui.min.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea-config.js" charset="utf-8"></script>
<script type="text/javascript">
    seajs.use(["../js/addbanner"]);
</script>
<script id="course-warp" type="text/html">
    <div class="select-wrap">
        <div>
            <div class="select-title">请选择课程</div>
        </div>
        <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
            <a class="mui-control-item mui-active" href="#item1">系列课</a>
            <a class="mui-control-item" href="#item2">课程</a>
        </div>
        <div id="item1" class="mui-control-content mui-active">
            <ul class="mui-table-view mui-table-view-radio">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        系列课1
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        系列课2
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        系列课3
                    </a>
                </li>
            </ul>
        </div>
        <div id="item2" class="mui-control-content">
            <ul class="mui-table-view mui-table-view-radio">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        单次课1
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        单次课2
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right">
                        单次课3
                    </a>
                </li>
            </ul>
        </div>
    </div>
</script>
